<!doctype html>
<!--[if lt IE 7 ]> <html class="ie ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>找钢网首页</title>
<meta name="description" content=" ">
<meta name="keywords" content=" ">
<link rel="stylesheet" href="css/tip.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap-transition.js"></script>
<script type="text/javascript" src="js/bootstrap-alert.js"></script>
</head>
<body> 
	<div class="code"> 
		<h3 id="list-22">提示消息</h3>
		<div class="clear">
			<!-- UI-tips-start-->
			<div id="alert-1" class="alert ui-poptip fade in">
				<div class="ui-poptip-shadow">
					<div class="ui-poptip-container">
						 <div class="ui-poptip-arrow-left">
							 <span>◆</span>
							 <em>◆</em>
						 </div>
						 <div class="ui-poptip-txt"> 
							提示1
						 </div>
					</div>
					<a class="close" data-target="#alert-1" data-dismiss="alert" href="javascript:;">×</a>
				</div>
			</div>
			<!-- UI-tips-end-->
			<!-- UI-tips-start-->
			<div id="alert-2" class="alert ui-poptip fade in">
				<div class="ui-poptip-shadow">
					<div class="ui-poptip-container">
						 <div class="ui-poptip-arrow-left ui-poptip-arrow-top">
							 <span>◆</span>
							 <em>◆</em>
						 </div>
						 <div class="ui-poptip-txt"> 
							提示2
						 </div>
					</div>
					<a class="close" data-target="#alert-2" data-dismiss="alert" href="javascript:;">×</a>
				</div>
			</div>
			<!-- UI-tips-end-->
			<!-- UI-tips-start-->
			<div id="alert-3" class="alert ui-poptip fade in">
				<div class="ui-poptip-shadow">
					<div class="ui-poptip-container">
						 <div class="ui-poptip-arrow-left ui-poptip-arrow-bottom">
							 <span>◆</span>
							 <em>◆</em>
						 </div>
						 <div class="ui-poptip-txt"> 
							提示3
						 </div>
					</div>
					<a class="close" data-target="#alert-3" data-dismiss="alert" href="javascript:;">×</a>
				</div>
			</div>
			<!-- UI-tips-end-->
			<!-- UI-tips-start-->
			<div id="alert-4" class="alert ui-poptip fade in">
				<div class="ui-poptip-shadow">
					<div class="ui-poptip-container">
						 <div class="ui-poptip-arrow-left ui-poptip-arrow-right">
							 <span>◆</span>
							 <em>◆</em>
						 </div>
						 <div class="ui-poptip-txt"> 
							提示4
						 </div>
					</div>
					<a class="close" data-target="#alert-4" data-dismiss="alert" href="javascript:;">×</a>
				</div>
			</div>
			<!-- UI-tips-end-->
			<!-- UI-tips-start-->
			<div id="alert-5" class="alert ui-poptip cus-poptip fade in">
				<div class="ui-poptip-shadow">
					<div class="ui-poptip-container">
						 <div class="ui-poptip-arrow-left ui-poptip-arrow-right">
							 <span>◆</span>
							 <em>◆</em>
						 </div>
						 <div class="ui-poptip-txt"> 
							提示5
						 </div>
					</div>
					 <a class="close" data-target="#alert-5" data-dismiss="alert" href="javascript:;">×</a>
				</div>
			</div>
			<!-- UI-tips-end-->
		</div>
		<div> 
			<div class="alert fade in">
				<a class="close" data-dismiss="alert" href="javascript:;">×</a>
				<strong>提示：</strong> 要看清楚噢
			</div>
			<div class="alert alert-success fade in">
				<a class="close" data-dismiss="alert" href="javascript:;">×</a>
				<strong>提示：</strong> 要看清楚噢
			</div>
			<div class="alert alert-danger fade in">
				<a class="close" data-dismiss="alert" href="javascript:;">×</a>
				<strong>提示：</strong> 要看清楚噢
			</div>
			<div class="alert alert-info fade in">
				<a class="close" data-dismiss="alert" href="javascript:;">×</a>
				<strong>提示：</strong> 要看清楚噢
			</div>
		</div>
	</div>
</body>
</html>



	